<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <meta charset="utf-8" />
    
    <title>AJF PRO - Connexion</title>
    			
	<!-- Styles -->
    
	<!-- Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
    
    <!-- Main Stylesheets -->
    <link rel="stylesheet" type="text/css" href="http://ajf/css/resetStyle.css" />
    <link rel="stylesheet" type="text/css" href="http://ajf/css/icons.css" />
    <link rel="stylesheet" type="text/css" href="http://ajf/css/forms.css" />
    <link rel="stylesheet" type="text/css" href="http://ajf/css/960.css" />
	<link rel="stylesheet" type="text/css" href="http://ajf/css/buttons.css" />
    <link rel="stylesheet" type="text/css" href="http://ajf/css/userinterfaces.css" />

	<!-- UI Styles --> 
    <link rel="stylesheet" type="text/css" href="http://ajf/js/fancybox/jquery.fancybox-1.3.4.css">
	<link rel="stylesheet" type="text/css" href="http://ajf/js/tinyeditor/style.css">
	<link rel="stylesheet" type="text/css" href="http://ajf/js/syntax_highlighter/styles/shCore.css">
	<link rel="stylesheet" type="text/css" href="http://ajf/js/syntax_highlighter/styles/shThemeDefault.css">
	<link rel="stylesheet" type="text/css" href="http://ajf/js/uitotop/css/ui.totop.css">
	<link rel="stylesheet" type="text/css" href="http://ajf/js/fullcalendar/fullcalendar.css">
	<link rel="stylesheet" type="text/css" href="http://ajf/js/isotope/isotope.css">
	<link rel="stylesheet" type="text/css" href="http://ajf/js/elfinder/css/elfinder.css">		
	<link rel="stylesheet" type="text/css" href="http://ajf/js/tooltip/tipsy.css">
	<link rel="stylesheet" type="text/css" href="http://ajf/js/uniform/css/uniform.aristo.css">
	<link rel="stylesheet" type="text/css" href="http://ajf/js/multiselect/css/ui.multiselect.css">
	<link rel="stylesheet" type="text/css" href="http://ajf/js/selectbox/jquery.selectBox.css">
	<link rel="stylesheet" type="text/css" href="http://ajf/js/plupload/js/jquery.ui.plupload/css/jquery.ui.plupload.css">
	<link rel="stylesheet" type="text/css" href="http://ajf/js/colorpicker/css/colorpicker.css">
	<link rel="stylesheet" type="text/css" href="http://ajf/js/uistars/jquery.ui.stars.min.css">	
	<link rel="stylesheet" type="text/css" href="http://ajf/js/slidernav/slidernav.css">		
   
    <!-- Main Style -->
    <link rel="stylesheet" type="text/css" href="http://ajf/css/style.css" />
    
    <!-- Favicon -->
    <link rel="shortcut icon" href="http://ajf/images/favicon.ico" type="image/x-icon" />
 
    <!-- Scripts -->
    <!-- JavaScript -->

	<!-- Load JQuery -->		
	<script src="http://ajf/js/jquery.min.js" type="text/javascript"></script>

	<!-- Load JQuery UI -->
	<script src="http://ajf/js/jquery-ui.min.js" type="text/javascript"></script>
		
	<!-- Global -->
	<script src="http://ajf/js/touchPunch/jquery.ui.touch-punch.min.js" type="text/javascript"></script>
	<script src="http://ajf/js/uitotop/js/jquery.ui.totop.js" type="text/javascript"></script>
				
	<!-- Forms -->
	<script src="http://ajf/js/uniform/jquery.uniform.min.js"></script>
	<script src="http://ajf/js/autogrow/jquery.autogrowtextarea.js"></script>
	<script src="http://ajf/js/multiselect/js/ui.multiselect.js"></script>
	<script src="http://ajf/js/selectbox/jquery.selectBox.min.js"></script>
	<script src="http://ajf/js/timepicker/jquery.timepicker.js"></script>
	<script src="http://ajf/js/colorpicker/js/colorpicker.js"></script>
	<script src="http://ajf/js/uistars/jquery.ui.stars.min.js"></script>
	<script src="http://ajf/js/tooltip/jquery.tipsy.js"></script>
	<script src="http://ajf/js/validation/jquery.validate.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="http://ajf/js/livequery/jquery.livequery.js"></script>  		

	<!-- Configuration Script -->
	<script type="text/javascript" src="http://ajf/js/MaxMin/maxmin_ui.js"></script>
	<script type="text/javascript" src="http://ajf/js/MaxMin/maxmin_forms.js"></script>
        
    <!-- End Scripts -->
	
</head>

<body>

	<!-- BEGIN MAIN -->
    <section id="main" class="container_16">
        <!-- BEGIN PAGE CONTAINER -->
        <section id="login_page">
        
            <!-- BEGIN PAGE HEADER (NORMAL) -->
            <div id="header" class="grid_8" >
				
				<div onclick="window.location.href = 'http://ajf/index.html';" id="logo_login">AJF PRO</div>
				
                <div class="login_page head blue_gradient">
                    <ul>
                      <li id="loginLi" class="active"><a href="#tab-login">Conexion</a></li>
                      <li id="forgetLi" ><a href="#tab-forget">Mot de passe oublié</a></li>
                    </ul>
                </div> 
                
            </div>
            <!-- END PAGE HEADER (NORMAL) -->
            
			<!-- BEGIN PAGE CONTENT (NORMAL)  -->
			<div id="tab-login" class="grid_8 content tab-page">	
                 
				<form action="http://ajf/login.html" method="post" name="login" id="login">
					
					<h2>Bienvenue sur AJF PRO, merci de compléter vos informations de connexion.</h2>
								
                    <fieldset>
						<label>Identifiant</label>
						<div>
							<input type="text" name="username" class="percent required" />
						</div>
					</fieldset>
					
                    <fieldset>
						<label>Mot de passe</label>
						<div>
							<input type="password" name="password" class="percent required" />
						</div>
					</fieldset>

					<div class="padding_10">									
						<button type="submit" class="button blue"> <img src="http://ajf/images/icons/white/png/padlock_open_icon&16.png" /> Connexion </button>
						<button type="reset" class="button green"> <img src="http://ajf/images/icons/white/png/brush_icon&16.png" /> Annuler </button>
						<div class="clear"></div>
					</div>
								
				</form>
				
			</div><!-- end div .fixed_page.content -->
			<!-- END PAGE CONTENT (NORMAL) -->
			
			<!-- BEGIN PAGE CONTENT (NORMAL)  -->
			<div id="tab-forget" class="grid_8 content tab-page" >	
                                                 
				<form action="http://ajf/forgetLogin.html#tab-forget" method="post" class="validate_form" id="forget">
										<h2>Merci de compléter votre adresse email.</h2>
								
                    <fieldset>
						<label>Email</label>
						<div>
							<input type="text" name="email" class="percent required" />
						</div>
					</fieldset>
					

					<div class="padding_10">									
						<button type="submit" class="button blue"> <img src="http://ajf/images/icons/white/png/checkbox_checked_icon&16.png" /> Envoyer </button>
						<button type="reset" class="button green"> <img src="http://ajf/images/icons/white/png/brush_icon&16.png" /> Annuler </button>
						<div class="clear"></div>
					</div>
								
				</form>
				
			</div><!-- end div .fixed_page.content -->
			<!-- END PAGE CONTENT (NORMAL) -->
        
        </section><!-- end section .maincontainer -->
        <!-- END PAGE CONTAINER -->
		
        <div class="clear"></div><!-- CLEAR BOTH -->
        
		<!-- BEGIN FOOTER -->
        <section class="footer_login">
			
			<p>
				<span class="left">© 2011 - 2012 - Tous droits réservés.</span>
				<span class="right">AJF PRO v1.0 - Développé par <a target="_blank" href="http://www.ajf-finance.fr/">AJF FInance</a></span>
            </p>
            
			<div class="clear"></div><!-- CLEAR BOTH -->
        
        </section><!-- end section .footer -->
        <!-- END FOOTER -->
    
	</section><!-- end section #main -->
    <!-- END MAIN -->
	
	<!-- BEGIN LOADING OVERLAY -->
    <div id="loading_overlay">
		<div class="loading_message round_bottom">
			<img src="http://ajf/images/loading.gif" alt="loading" />
		</div>
	</div>
	<!-- END LOADING OVERLAY -->
    <script type="text/javascript">
$().ready(function() {
    var thisUrl = document.URL;
    if (thisUrl.match('tab-forget')) {
        $('#tab-login').hide();
        $('#loginLi').removeClass('active');
        $('#tab-forget').show();
        $('#forgetLi').addClass('active');
    }
});
</script>
</body>
</html>